
/* 中文强行换行 */
.zh_wrap{
  flex-wrap: wrap;
  white-space: pre-wrap;
}

.wrapper{
  width: 100vw;
  height: 100vh;
}
.head{
  background-color: #0051a7;
  padding: 20px 20px 10px;
  position: fixed;
  width: 100%;
  z-index: 3;
}
.shenlue{
  white-space:nowrap;/*设置不折行*/
  text-overflow:ellipsis;/*这就是省略号喽*/
  overflow: hidden;/*设置超过的隐藏*/
}
.img20{width: 20px; height: 20px;}
.img80 .topRightCloseA{
  width: 20px; height: 20px;
  position: absolute;
  top: 0;
  right: 2px;
}
.img25{width: 25px; height: 25px;}
.img30{width: 30px; height: 30px;}
.img100{
  width: 100%;
  height: 100%;
}
.topBack{
  position: absolute;
  top: 22px;
}
.over-hide{overflow: hidden;}
.over-auto{overflow: auto;}
.mg-auto{margin-left: auto; margin-right: auto;}
/* 公共样式 */


/* flex row 布局 */
.flex-row {
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;

}

.flex-row:after {
  display: table;
  clear: both;
  content: "";
}

.flex-col {
  float: left;
  margin-left: 0%;
  /* flex: 0 0 25%; */
  align-items: center;
  justify-content: flex-start;
  text-align: left;
}
/* 一行4个 */
.flex-col-3 {
  width: calc(100%/12 * 3);
}
/* 一行2个 */
 .flex-col-6 {
   width: calc(100%/12 * 6);
 }

.flexBox-r{
  display: flex;
 
}
.flexBox-r-main {
    flex-grow: 1;
}
.flexBox-r-side {
  flex-grow: 0;
}
 
.flexBox-c{
  display: flex;
  flex-direction: column;
}
.just-b,.flex_lr,.flex-lr{
  justify-content: space-between;
}
 .flex-center{
   align-items: center;
 }
.flex_e{justify-content: end;}
.just-a{
  justify-content: space-around;
}
.flex-wrap{
  flex-wrap: wrap;
}

.row-lr{
  display: flex;
  justify-content: space-between;
}
.all_100{
  width: 100%;
  height: 100%;
}
.flex1{flex: 1;}
.fr{float: right;}
.fl{float: left;}
.text-l{text-align: left;}
.text-c{text-align: center;}
.text-r{text-align: right;}
.bg-theme-gray{background-color: #f0f5f8;}
.bg-fff{background-color: #fff;}
.bg-eee{background-color: #eee;}
.bg-ddd{background-color: #ddd;}
.bg-blue{background-color: #0051A7;}
.color-theme-blue{color: #01528d;}
.bg-theme-blue{background-color: #01528d;}
.theme-blue{color: #0051A7;}
.theme-blue2{color: #6666FF;}
.theme-gray{color:#999999}

.theme-bg-blue{background-color: #0051A7;}
.color-fff{color: #fff;}
.color-success{color: #52C385;}
.color-weak-yellow{color: #E1AA1D;}
.color-weak-green{color:#99CC00;}

.color-ccc{ color: #ccc; }
.color-desc{ color: #ccc; }
.color-666{color: #666;}
.color-777{color: #777;}
.color-999{color: #999999;}
.color-red{color: red;}
.orange{color: #f5af77;}
.red{color: #b24a3c;}
.weak-red{
  color: #F56C6C;
}

.red-tag{
  background-color:#F56C6C;
  color: white;
  padding:2rpx 8rpx;
  border-radius: 20rpx;
  -webkit-border-radius: 20rpx;
  -moz-border-radius: 20rpx;
  -ms-border-radius: 20rpx;
  -o-border-radius: 20rpx;
}
.blue{color:#3cabf0;}
.color-blue{color: #01528d;}

.bg-color-blue {
  background-color: #01528d;
}
.bg-color-red{
background-color: #CC3332;
}
.bg-color-orange {
  background-color: #FF6600;
}
.bg-color-blue-weak {
  background-color: #3C77B5;
}

.bg-color-success-weak{
  background-color: #99CC00;
}
.bg-color-white{
  background-color: #fff;
}

.boxshadow {
  box-shadow: 0 8rpx 10rpx rgba(0, 0, 0, 0.05);
}


mp-uploader{
  width: 100%;
}
.myUpload .weui-uploader__input-box{
  background-color: none;
  width: 100%;
}
.vCenter{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.vOnly{align-items: center;}
.posr{position: relative;}
.bg-fff{background-color: #fff;}
.boxShadow{
  box-shadow: 0 3px 9px rgba(116, 91, 91, 0.2);
}
/* h行 */
.h28{
  height: 28px;
  line-height: 28px;
}
.h34{
  height: 34px;
  line-height: 34px;
}

/* input */
.input25{border: 1px solid #eee; height:25px; line-height: 25px; padding: 0 5px;}
/* padding */
.pd5{padding: 5px;}
.pd-l5{padding-left: 5px;}
.pd-r5{padding-left: 5px;}
.pd-t5{padding-top: 5px;}
.pd10{padding: 10px;}
.pd-tb5{padding-top: 5px; padding-bottom: 5px;}
.pd-tb10{padding-top: 10px; padding-bottom: 10px;}
.pg-t20{padding-top: 20px;}

.pd-r10{padding-right: 10px;}
.pd-l10{padding-left: 10px;}
.pd-b50{padding-bottom: 50px;}
.pd-b5{padding-bottom: 5px;}

.mg-t5{margin-top: 5px;}
.mg-r5{margin-right: 5px;}
.mg-b5{margin-bottom: 5px;}
.mg-l5{margin-left: 5px;}


.mg-t10{margin-top: 10px;}

.mg-b10{margin-bottom: 10px;}
.mg-b20{margin-bottom: 20px;}

.mg-tb10{margin-top: 10px; margin-bottom: 10px;}
.mg-t15{margin-top: 15px;}
.mg-l10{ margin-left: 10px;}
.mg-l15{ margin-left: 15px;}

.mg-r10{margin-right: 10px;}



.mg-lr5{
  margin-left: 5px;
  margin-right: 5px;
}

.h34{
  height: 34px;
}
.hl40{
  height: 40px;
  line-height: 40px;
}
.hl50{
  height: 50px;
  line-height: 50px;
}
.hl60{
  height: 60px;
  line-height: 60px;
}

.font_12{font-size: 12px;}
.font_14{font-size: 14px;}
.font_16{font-size: 16px;}
.font_18{font-size: 18px;}
.font_20{font-size: 20px;}
.fond_bold,.font_bold{font-weight: bold;}

.myForm, .box{
  box-shadow: 0 3px 9px rgba(116, 91, 91, 0.2); padding: 10px 15px; margin-bottom:15px;
   background-color: #fff;
   color: #000;
}
.myForm .selectResult{
  background-color: #fff;
  height: 26px;
  line-height: 26px;
  font-weight: bold;
  font-size: 12px;
  padding: 0 15px;
  border: 1px solid #eee;
}
.rightIcon{
  position: absolute;
  right: 10px;
  top: 7px;
}
.rightIcon .i-icon{
  color:red !important;
}
.red-star{
  color: red;
  position: relative;
  left: 2px;
  top: 0;
}
.imgUpload{
  border:1px dashed #eee; height: 142px;
  overflow: hidden;
}
.img-box{
  width: 81px;
  height: 81px;
  border: 1px dashed #ddd;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.img-first{position: relative; top: 3px;}
.img80{
  width: 80px;
  height: 80px;
}
.img80 image{
  width: 100%;
  height: 100%;
}

.myIcon{
  width: 14px;
  height: 14px;
}

.rightIcon16{
  position: absolute;
  right: 10px;
  top: 4px;
}
.myIcon16{
  width: 16px;
  height: 16px;
}

/* 按钮样式 */
.btn:hover{
  background-color: #84ce5f;
}

.uploadFile{
  position: absolute; top: 0; left:0;
  width: 100%;
  height: 100%;
  background-color: #000;
}

/* 底部导航条 */
i-tab-bar{width: 100%;}
.bottomBar{
  position: fixed;
  z-index: 10;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 55px;
  display: flex;
  border-top: 1px solid #ddd;
  font-size: 14px;
}
.bottomBar .item{
  flex: 1;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}
.bottomBar .on{
  color: #6666FF;
}

/* btn */
.btn_y{
  height: 28px; line-height: 28px; font-size: 12px; background-color: #f59a23; border-radius: 14px;
  color: #fff; text-align: center;
}
.btn36{
  background-color: #0b3e67;
  color: #fff;
  border-radius: 4px;
  text-align: center;
  height: 36px;
  line-height: 36px;
  font-size: 14px;
}
.btn30,.btn30-default{
  background-color: #13ce66;
  color: #fff;
  border-radius: 4px;
  text-align: center;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  border: none;
  padding: 0 20px;
}
.btn30-default{
  background-color: #fff;
  color: #606266;
}


/* border样式 border-home */
.border-c{border: 1px solid #ccc;}
.borderB{border-bottom: 1px solid #ddd;}
.borderT{ border-top: 1px solid #ddd;}
.borderR{ border-right: 1px solid #ddd;}
.borderL{ border-left: 1px solid #ddd;}
.borderA{ border: 1px solid #ddd;}
.borderAR{ border: 1px solid #ddd; border-radius: 3px;}
.border_blue{border-bottom: 1px solid #0350a8;}
.border_ddd{border-bottom: 1px solid #ddd;}

/* 头部样式 */
.img-first{position: relative; top: 3px;}
.topTitle{
  text-align: center;
  color: #fff;
  font-size: 20px;
}
.topTitle2{
  height: 100px; line-height: 100px; font-size: 24px; text-align: center; color: #fff;
}

.backIcon{
  width: 30px;
  height: 30px;
  position: absolute;
  left: 10px;
  top: 30px;
}

/* 底部按钮  button*/
.btn_default,.btn_success,.btn_primary,.btn_warning,.btn_danger{
  display: inline-block;
  background-color: #888;
  padding: 2px 20px;
  text-align: center;
  border-radius: 3px;
  color: #fff;
}
.btn_success{
  background-color: #98cb00;
}
.btn_search{
  background-color: #fff;
  border-radius: 4px;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  color: #666;
  padding: 0 10px;
}
.btn_primary{
  background-color: #0051a7;
}
.btn_warning{
  background-color: #ff6600;
}
.btn_danger{background-color: #ff3c00;}
.null_btn{
  border: 1px solid #ddd;
  color: red;
  text-align: center;
  height: 28px;
  line-height: 28px;
  padding: 0 20px;
  border-radius: 2px;
  font-size: 12px;
  background-color: none;
  cursor: pointer;
}
.my_btn,.bottom_btn{
  width: 100%;
  height: 45px;
  line-height: 45px;
  text-align: center;
  color: #fff;
  background-color: #99cc00;
  font-size: 14px;
  border-radius: 0;
}
.bottom_btn{
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 9;
  width: 100%;
}
/* 关闭按钮 */
.topRightClose{
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
  height: 30px;
}

/* 行样式 */
.row30{
  height: 30px;
  line-height: 30px;
}
.row28{
  height: 28px;
  line-height: 28px;
}
.row28-l{
  line-height: 28px;
}
.row25{
  height: 25px;
  line-height: 25px;
}
.row22{
  height: 22px;
  line-height: 22px;
}
.lh25{line-height: 25px;}
.lh28{line-height: 28px;}


/* 上传盒子 */
.uploadBox{
  width: 80px;
  height: 80px;
  border: 1px dashed #ddd;
  border-radius: 3px;
}
.uploadShow{
  width: 80px;
  height: 80px;
  margin-bottom: 10px;
}
.uploadShow .img{
  width: 100%;
  height: 100%;
}
.line1,.line2{
  width: 15px;
  height: 2px;
  background-color: #333;
}
.line2{
  transform: rotate(-90deg);
  position: relative;
  top: -2px;
}

/* 宽度 */
.w100{width: 100%;}
.h100{height: 100%;}
.w_80{width: 80px;}
.w_100{width: 100px;}
.w_120{width: 120px;}
.w_150{width: 150px;}
.img_w111h74{
  width: 111px;
  height: 74px;
  background-color: #ddd;
}

/* 圆角 */
.br-3{border-radius: 3px;}
.br-4{border-radius: 5px;}
.br-6{border-radius: 6px;}
.br-8{border-radius: 8px;}